// 入口函数
$(function () {
  // 给去注册按钮注册单击事件
  $("#link_reg").on("click", function () {
    // 让注册表单显示
    $(".reg-box").show()
    // 登录表单隐藏
    $(".login-box").hide()
  });

  // 给 登录 按钮注册单击事件
  $("#link_login").on("click", function () {
    // 让注册表单隐藏
    $(".reg-box").hide()
    //  登录表单显示
    $(".login-box").show()
  });

  // 给注册表单 提交事件
  $("#form_reg").on("submit", function (e) {
    //  阻止表单默认提交行为
    e.preventDefault()
    //  手机数据
    var data = {
      username: $("#form_reg [name=username]").val(),
      password: $("#form_reg [name=password]").val()
    }
    // 检验数据 (不用做 layui里面提交了表单验证规则)
    // 发送ajax请求 调用接口
    $.ajax({
      method: "POST",
      url: "/api/reguser",
      data: data,
      success: function (res) {
        console.log(res);

        // 判断是否成功
        if (res.status !== 0) {
          return layer.msg(res.message, {icon:3});
        }
        // 提示注册成功
        layer.msg("注册成功",{icon:6});
        // 显示登录表单 触发区登录的单击事件
        $("#link_login").click()
      }
    })
  });

  // 给登录表单 绑定提交事件
  $("#form_login").on('submit', function (e) {
    // 阻止表单默认提交行为
    e.preventDefault()
    // 收集表单数据
    var data = $(this).serialize()
    // 检验数据 不用做  layui做好了
    // 发送ajax请求 调用登录接口
    $.ajax({
      method:"POST",
      url:"/api/login",
      data:data,
      success:function(res) {
        // 判断是否成功
        if (res.status !==0) {
          return layui.msg(res.message,{ icon: 3});
        }
        // 把登录成功之后的 token 保存到本地存储中 为了以后调用接口使用
        localStorage.setItem('token',res.token)
        // 登录成功的提示
        layer.msg(" 登录成功")
        // 跳转到后台首页(index.html)
        location.href = '/index.html'
      
      }

    })
  });

  // 获取layui提供的form表单对象
  var form = layui.form
  // 获取layui提供的layer对象
  var layer = layui.layer

  

  // 自定义表单验证规则
  // form.verify({})   form是layui框架提交的一个表单对象  layui.form
  form.verify({
    // 检验密码长度的规则
    pwd: [/^[\S]{6,12}$/, "密码必须是6到12位,且不能出现空格"],
    // 检验两次密码是否一致
    repwd: function (value) {
      // value 表单的值  确认密码框的值
      // 获取密码框的值
      var pwd = $("#form_reg [name=password]").val()
      if (pwd !== value) {
        return "两次输入密码不一致"
      }
    }
  });

})